<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>语义化标签</title>

    <hgroup>
        <h1>网站标题</h1>
        <h1>网站副标题</h1>
    </hgroup>
</head>

<body>

    <hgroup>
        <h1>这是一篇介绍HTML 5语义化标签和更简洁的结构</h1>
        <h2>HTML 5</h2>
    </hgroup>

    <br>


    <nav>
        <ul>
            <li>HTML 5</li>
            <li>CSS3</li>
            <li>JavaScript</li>
        </ul>
    </nav>


    <footer>
        COPYRIGHT@lee
    </footer>

    <article>
        <p>内容</p>
        <aside>
            <h1>作者简介</h1>
            <p>小q，前端一枚</p>
        </aside>
    </article>

    <section>
        <h1>section是啥？</h1>
        <article>
            <h2>关于section</h1>
                <p>section的介绍</p>
                <section>
                    <h3>关于其他</h3>
                    <p>关于其他section的介绍</p>
                </section>
        </article>
    </section>


    <article>
        <h1>一篇文章</h1>
        <p>文章内容..</p>
        <footer>
            <p><small>版权：html5jscss网所属，作者：小北</small></p>
        </footer>
    </article>



</body>

</html>